/**{*/
/*    -webkit-box-sizing: border-box;*/
/*    -moz-box-sizing: border-box;*/
/*    box-sizing: border-box}*/
/**,body{padding:0px;	margin:0px;color: #ffffff;!*font-family: "微软雅黑";*!}*/
/*html,body{*/
/*    background: url("../image/my_bg.jpg") no-repeat;*/
/*    background-size: cover;*/
/*    font-size: .16rem;*/
/*    color: #ffffff;*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    font-family: myFirstFont !important;*/
/*}*/
.fl{
    float: left;
}
.fr{
    float: right;
}
.mr2{
  margin-right: 2%;
}
@font-face
{
    font-family: myFirstFont;
    src: url('../font/DISPLAYFREETFB.ttf')
}
/*谷哥滚动条样式*/

/*::-webkit-scrollbar {width:5px;height:5px;position:absolute}*/
/*::-webkit-scrollbar-thumb {background-color:#5bc0de}*/
/*::-webkit-scrollbar-track {background-color:#ddd}*/


/*第三栏头部*/
.rightTop{
    width: 100%;
    height: 450px;
    position: relative;
    /*border:1px solid #0bc4e9;*/
    background: rgba(0,72,115,0.28);
    transition: all 1s;
    cursor: pointer;
}

/*边框公共样式*/
.border:before{
    content: '';
    position: absolute;
    width: 99.8%;
    height: 100%;
    bottom: -1px;
    top:-1px;
    /*left:10%;*/
    border-bottom: 1px solid #1D94EA;
    border-top: 1px solid #1D94EA;
    transition: all 0.5s;
}
.border:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 99%;
    left: -1px;
    right:-1px;
    /*top:18%;*/
    border-left: 1px solid  #1D94EA;
    border-right: 1px solid  #1D94EA;
    transition: all 0.5s;
}
.border:hover::before{
    width: 0%;
}
.border:hover::after{
    height: 0%;
}
.border:hover{
    box-shadow:-5px 0px 2px rgba(255,255,255,0.1),   /*左边阴影*/  0px -5px 2px rgba(255,255,255,0.1),  /*上边阴影*/ 5px 0px 2px rgba(255,255,255,0.1),  /*右边阴影*/ 0px 5px 2px rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.1);
}
.border h4{
    margin: 15px 0 5px 20px;
    color: #8adeff;
    line-height: 35px;
    font-size: 18px;
    font-weight: 500;
}
/* 鼠标特效 */
/**{*/
/*    cursor: url(../image/pointer.png) 8 3, auto !important;*/
/*}*/
/*边框公共样式*/
.border1:before{
  width: 0%;
}
.border1:after{
  height: 0%;
}
.border1:hover::before{
  content: '';
  position: absolute;
  width: 99.8%;
  height: 100%;
  bottom: -1px;
  top:-1px;
  /*left:10%;*/
  border-bottom: 1px solid #1D94EA;
  border-top: 1px solid #1D94EA;
  transition: all 0.5s;
}
.border1:hover::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 99%;
  left: -1px;
  right:-1px;
  /*top:18%;*/
  border-left: 1px solid  #1D94EA;
  border-right: 1px solid  #1D94EA;
  transition: all 0.5s;
}
.border1:hover{
  box-shadow:-5px 0px 2px rgba(255,255,255,0.1),   /*左边阴影*/  0px -5px 2px rgba(255,255,255,0.1),  /*上边阴影*/ 5px 0px 2px rgba(255,255,255,0.1),  /*右边阴影*/ 0px 5px 2px rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.1);
}
.border2:hover{
  box-shadow:-5px 0px 2px rgba(255,255,255,0.1),   /*左边阴影*/  0px -5px 2px rgba(255,255,255,0.1),  /*上边阴影*/ 5px 0px 2px rgba(255,255,255,0.1),  /*右边阴影*/ 0px 5px 2px rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.1);
}
